<template>
		<div class="zujian">
			    <el-image :src="src" class="img"></el-image>

			 <el-descriptions title="我的中心" :column="2" border>
  <el-descriptions-item label="unid" label-class-name="my-label" content-class-name="my-content">kooriookami</el-descriptions-item>
  
  <el-descriptions-item label="账号">XYang</el-descriptions-item>
  <el-descriptions-item label="会员等级">
    <el-tag size="small" class="timess">vip3</el-tag>
  </el-descriptions-item>
  <el-descriptions-item label="VIP到期时间">
    <el-tag size="small" class="times">2088-8-8 8:8:8</el-tag>
  </el-descriptions-item>
  <el-descriptions-item label="昵称">
    <el-tag size="small">向阳</el-tag>
  </el-descriptions-item>
  <el-descriptions-item label="手机号">18855552323</el-descriptions-item>
  <el-descriptions-item label="角色名称">董事长</el-descriptions-item>
  <el-descriptions-item label="性别">男</el-descriptions-item>
  <el-descriptions-item label="省份">王者</el-descriptions-item>
  <el-descriptions-item label="城市">荣耀</el-descriptions-item>


  
</el-descriptions>

		</div>
 


</template>
<script>
	export default {
		 data() {
      return {
        src: 'https://www.keaidian.com/uploads/allimg/190806/06174517_5.jpg'
      }
    },
		meta: {
			title: "wdzx",
			icon:"iconfont icon-wode"
		},
	};
</script>
<style>
.img{
	width:200px;
	height:200px;
}
 .my-label {
    background: #E1F3D8;
  }

  .my-content {
    background: #FDE2E2;
  }
  .timess{
	background: rgb(42, 208, 220) !important;
	color: rgb(192, 29, 192) !important;

  }
.times{
	background: rgb(235, 125, 35) !important;
	color: #fff !important;
  }
</style>



